@import url("../../styles/publicStyle.less");

.enterprise-details-container {
  .widthAndHeight(100%, calc(100vh - 630px));
  padding: 20px;
  box-sizing: border-box;
  background-color: @ZebraCrossing;
  .contentOverflowRoll();
  flex: 1;
  .business-circles-container {
    // border-radius: 10px;
    box-shadow: 0 0 10px @AssistLightGrey;
    .background(url("@{images}/eq_bg_3.png"));

    p {
      display: flex;
      justify-content: space-between;
      .PromptInfo();
      padding: 24px 16px;
      border-bottom: 2px solid @AssistLightGrey;

      &:last-of-type {
        border-bottom: none;
      }

      & > span:first-of-type {
        width: 224px;
        margin-right: 24px;
      }

      & > span:last-of-type {
        flex: 1;
        text-align: right;
        word-break: break-all;
        color: @ContentText;
      }
    }

    & > p:first-of-type {
      .page-link-color {
        .flex();
        justify-content: space-between;
      }

      &.legal-person-name {
        .page-link-color {
          justify-content: flex-end;
        }

        .iconfont {
          .widthAndHeight(40px, 40px);
          font-size: 40px;
          color: @ContentText;
          margin-left: 10px;
        }
      }
    }
  }

  .risk {
    .total {
      color: @AssistTextB;
    }

    .total-info {
      .DetailsPrompt();
      margin: 16px 0;
    }

    .risk-sector {
      // border-radius: 10px;
      box-shadow: 0 0 10px @AssistLightGrey;
      .background(url("@{images}/eq_bg_3.png"));
      margin-bottom: 20px;
      padding: 0 16px;

      & > div {
        .DetailsText();
        padding: 24px 0;
        border-bottom: 2px solid @AssistLightGrey;
      }

      & > div:last-of-type {
        border-bottom: none;
      }

      .risk-sector-title {
        & > span:first-of-type {
          position: relative;
          padding-left: 12px;

          &::before {
            content: "";
            .widthAndHeight(4px, 28px);
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: @MainColor;
          }
        }

        & > span:last-of-type {
          .PromptInfo();
          padding: 2px 8px;
          text-align: center;
          border-radius: 4px;
          margin-left: 16px;
        }

        .warning {
          color: #fabe1b;
          background-color: rgba(250, 190, 27, 0.2);
        }

        .serious {
          color: #fa401b;
          background-color: rgba(250, 64, 27, 0.2);
        }
      }

      .risk-sector-item {
        .risk-sector-item-title {
          .flex();
          .DetailsInfoTitle();
          color: @ContentText;

          & > span:first-of-type {
            flex: 1;
          }

          & > span:last-of-type {
            .widthAndHeight(40px, 40px);
            transition: all 0.2s;

            &.rotate-active-icon {
              transform: rotateZ(90deg);
            }

            .iconfont {
              font-size: 40px;
              color: @ContentText;
            }
          }
        }

        .risk-sector-item-info {
          padding-top: 24px;
          margin-top: 24px;
          border-top: 2px solid @AssistLightGrey;

          & > p {
            display: flex;
            .PromptInfo();
            margin-bottom: 16px;

            &:last-of-type {
              margin-bottom: 0;
            }

            & > span:first-of-type {
              width: 150px;
              text-align: right;
              margin-right: 24px;
            }

            & > span:last-of-type {
              flex: 1;
              color: @ContentText;
            }
          }
        }
      }
    }

    .risk-sector:last-of-type {
      margin-bottom: 0;
    }
  }

  .manage-info-container {
    .left-info-b {
      p {
        display: flex;

        & > span:first-of-type {
          width: 224px;
        }

        & > span:last-of-type {
          flex: 1;
        }
      }
    }
  }

  //可点击的
  .page-link-color {
    color: @AssistTextA !important;
  }

  //公司详情
  .gs-details {
    background-color: @AssistBgWhite;

    li {
      .flex();
      padding: 24px 16px;
      border-bottom: 2px solid @AssistLightGrey;
      cursor: pointer;

      &:last-of-type {
        border-bottom: none;
      }

      .left-info {
        flex: 1;

        .left-info-t {
          .flex();

          .order-number {
            .ListTitle();
            .textGather(96px, 96px);
            color: @ContentTextWhite;
            // border-radius: 8px;
            .background(url("@{images}/eq_bg_1.png"));
            margin-right: 16px;
          }

          .left-info-t-gs {
            flex: 1;

            h3 {
              .DetailsText();
              margin-bottom: 8px;
            }

            p {
              & > span:nth-of-type(1) {
                padding-right: 16px;
              }

              & > span:nth-of-type(2) {
                padding-left: 16px;
                border-left: 2px solid @AssistLightGrey;
              }
            }
          }
        }

        .left-info-b {
          margin-top: 16px;
        }

        p {
          .PromptInfo();
          color: @ContentText;
        }
      }

      .right-icon {
        .widthAndHeight(40px, 40px);

        .iconfont {
          font-size: 40px;
          color: @ContentText;
        }
      }
    }
  }
}

